	body
	{
		font-size: 100%;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		background: #FFFFFF;
	}

	#wrap {
		width: 1280px;
        height: 820px;
		margin: 0 auto;
		background:#EEEEEE;
        position: relative;/* 父元素 */
	}

    #wrapper {
        width: 1280px;
        height:40px ;
        background: #ffffff;
        border-bottom-style: solid;
        border-bottom-color: #CE090E;
        box-shadow: -4px -4px 5px 3px #cccccc;
    }
	.first{
        width: 1280px;
        margin:0 auto;
    }
    .first > li{
        list-style: none;
        height:40px;
        width:7.69%;
        border: #999999;
        background-color: #ffffff;
        text-align: center;
        line-height: 30px;
        float:left;
    }
    li a{
        color:#4476A7;
        height: 100%;
        text-decoration: none;
        display: block;/* 行内元素（内联）、块元素（独占一行，会充满父元素） */
    }
    .first>li>a:hover{
        background-color: #CE090E;
    }
    .first>li:hover ul{
        transition: all .8s;
        opacity: 1;/* 透明度 */
        visibility: visible;
        /*display: block;*//* 让元素可见 */
    }
    #big{
        position: absolute;
        top:50px;
        margin:0 auto;
        width: 1280px;
        height:770px ;
        background: #FFFFFF;
        box-shadow: 0 0 9px 3px #cccccc;
    }
	#content {
		padding: 0 15px;
		margin:0 auto;
		background:#ffffff;
		color: #666666;
	}

	.table {
		width: 100%;
		border-collapse: collapse;
	}
	.table_header td {
		background: no-repeat left top;
		padding: 5px 10px;
		color: rgb(70,122,167);
		border-top: 1px solid #CBD6DE;
		border-bottom: 1px solid #ADBECB;
		font-size: 1.1em;
		font-weight: bold;
        text-align :center;
	}
	.table_header td a:link, .table_header td a:visited {
		text-decoration: underline;
		color: rgb(70,122,167);
	}
	.table_header td a:hover {
		text-decoration: underline;
		color: #73A822;
	}
	.table_header td {
		border: 1px solid #CBD6DE;
	}

	.row1 td, .row2 td, .row_hover td, .paging_row td {
		padding: 5px 10px;
		color: #666666;
		border: 1px solid #CBD6DE;
        text-align :center;
	}
	.row1 td {
		background: #ffffff;
	}
	.row2 td {
		background: #eeeeee;
	}
	.row_hover td {
		background: #FBFACE;
		color: #cccccc;
	}
	


/* #content p paragraphs
-----------------------------*/
	#content p {
		font-size: 1.2em;
		margin: 0;
		padding: 0 0 15px 0;
	}

/* #content p a links in paragraphs
------------------------------------*/
	#content p a:link, #content p a:visited, 
	.table a:link, .table a:visited,
	.link a {
		color: #73A822;
		text-decoration: none;
	}
	#content p a:hover, .table a:hover, .link a:hover {
		text-decoration: underline;
	}



/* #content p.paging 
---------------------------------*/
	#content p.paging {
	padding: 5px;
	border: 1px solid #CBD6DE;
	text-align: center;
	margin-bottom: 15px;
	background: #eeeeee;
	}


/* .form_table style for table used in forms
---------------------------------------------*/
	.form_table {
		font-size: 1.1em;
	}
	.form_table p {
		margin: 0;
		padding: 0;
	}
	.form_table td {
		padding: 5px 10px;
	}


    .formtable {
        margin: auto;
        margin-top: 65px;
        font-size: 1.1em;
    }
    .formtable p {
        margin: 0;
        padding: 0;
    }
    .formtable td {
        padding: 5px 10px;
    }



	
/* .button some buttons style - inspired from wordpress
------------------------------*/
	input.button {
        margin-top: 10px;
		padding: 2px;
		border: 3px double #999999;
		border-left-color: #ccc;
		border-top-color: #ccc;
		background:repeat-x left top;
		font-size: 11px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
	}

    input.button4 {
        margin: 8px;
        padding: 2px;
        border: 3px double #999999;
        border-left-color: #ccc;
        border-top-color: #ccc;
        background:repeat-x left top;
        font-size: 11px;
        font-family: Verdana, Arial, Helvetica, sans-serif;
    }



	
/* form style for forms
-------------------------*/
	form {
		padding: 0;
		margin: 0;
	}

/* input.inputgri - some style for inputs
--------------------------------------------*/
	input.inputgri, select.inputgri, textarea.inputgri {
		background: #eeeeee;
		font-size: 14px;
		border: 1px solid #cccccc;
		padding: 3px;
	}
	input.inputgri:focus, select.inputgri:focus , textarea.inputgri:focus {
		background: #ffffff;
		border: 1px solid #686868;
	}


    select.showselect{
        background: #eeeeee;
        font-size: 14px;
        border: 1px solid #cccccc;
        padding: 3px;
    }
    select.showselect:focus{
        background: #ffffff;
        border: 1px solid #686868;
    }


/* Other links 
----------------*/
	.other_links {
		background: #eeeeee;
		border-top: 1px solid #cccccc;
		padding: 5px;
		margin: 0 0 15px 0;
	}
	#content .other_links h2 {
		color: #999999;
		padding: 0 0 0 3px;
		margin: 0;
	}
	#content .other_links ul {
		padding: 0;
		margin: 0;
	}
	#content .other_links ul li {
		padding: 0 0 0 20px;
		background: no-repeat left center;
	}
	#content .other_links a, #content .other_links a:visited {
		color: #999999;
		text-decoration: underline;
	}
	#content .other_links a:hover {
		color: #666666;
	}


    /* 弹窗
    ----------------*/
    /*#showAddOUser{*/
    /*    position: absolute;*/
    /*    background: #ffffff;*/
    /*    border:3px solid #999999;*/
    /*    width: 400px;*/
    /*    height: 250px;*/
    /*    margin-left: 500px;*/
    /*    display:table-cell;*/
    /*    text-align:center;*/
    /*    vertical-align:middle;*/
    /*    box-shadow: -4px -4px 5px 3px #cccccc;*/
    /*}*/


    /*灰色遮罩层*/
    #showAddOUser{
        width:100%;
        height:100%;
        background:rgba(0, 0, 0, 0.5);
        position: fixed;
        left: 0;
        top: 0;
        z-index: 99;
        box-shadow: -4px -4px 5px 3px #cccccc;
    }
    /*弹出层*/
    #showAdd{
        width: 400px;
        height: 300px;
        background: white;
        position: absolute;
        left: 50%;
        top: 50%;
        margin-left: -200px;
        margin-top: -150px;
        z-index: 999;
        border-radius: 5px;
    }
    #showhead{
        font-size: 22px;
        height: 40px;
        padding-left: 8px;
        background-color: #E6E6E6;
    }
    #x{
        float: right;
    }
    #addbody{
        margin-top:75px;
        text-align: center;
        font-size: 22px;
        height: 200px;
        position: relative;
    }


